<template>
  <n-button
    class="h-26 px-8"
    v-bind="{ quaternary: true, color: appStore.naiveThemeOverrides.common.primaryColor, ...attrs }"
  >
    <template v-for="(_, name) in slots" #[name]="scope">
      <slot :name="name" v-bind="scope || {}"></slot>
    </template>
  </n-button>
</template>
<script setup lang="jsx">
import { useAppStore } from '@/store'

defineOptions({ name: 'ActionButton' })
const appStore = useAppStore()
const attrs = useAttrs()
const slots = useSlots()
</script>
<style lang="scss" scoped>
.deep.n-button:deep() {
  --n-text-color-hover: #51e6fb !important;
}
</style>
